<template>
	<view class="bottom">
		<view class="cu-bar tabbar bg-white shadow foot">
			<view class="action" @click="NavChange" data-cur="0">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/basics' + [$props.PageCur==0?'_cur':''] + '.png'"></image>
				</view>
				<view :class="$props.PageCur=='0'?'text-green':'text-gray'">现场评分</view>
			</view>
			<view class="action" @click="NavChange" data-cur="1">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/component' + [$props.PageCur==1?'_cur':''] + '.png'"></image>
				</view>
				<view :class="$props.PageCur=='1'?'text-green':'text-gray'">走访记录</view>
			</view>
			<!-- <view class="action" @click="NavChange" data-cur="1">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/component' + [$props.PageCur=='1'?'_cur':''] + '.png'"></image>
				</view>
				<view :class="$props.PageCur=='1'?'text-green':'text-gray'">现场评分</view>
			</view>
			<view class="action" @click="NavChange" data-cur="2">
				<view class='cuIcon-cu-image'>
					<image :src="'/static/tabbar/plugin' + [$props.PageCur == '2'?'_cur':''] + '.png'"></image>
				</view>
				<view :class="$props.PageCur=='2'?'text-green':'text-gray'">监管记录</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		name: "foot-bar",
		props:{
			PageCur:{
				type: String,
				default: '0'
			}
		},
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {
			NavChange: function(e) {
				// console.log(e.currentTarget.dataset.cur, e, 'foot被点击')
				this.$emit('NavChange', e.currentTarget.dataset.cur)
			}
		}
	}
</script>

<style>
	
</style>
